<template>
    <h2>默认</h2>
    <img src="@/assets/img/villas.jpg" alt="图片" class="tw:w-96 tw:h-48 tw:bg-sky-100">

    <h2>包含</h2>
    <img src="@/assets/img/villas.jpg" alt="图片" class="tw:w-96 tw:h-48 tw:object-contain tw:bg-sky-100">
    
    <h2>覆盖</h2>
    <img src="@/assets/img/villas.jpg" alt="图片" class="tw:w-96 tw:h-48 tw:object-cover tw:bg-sky-100">
    
    <h2>缩小</h2>
    <img src="@/assets/img/villas.jpg" alt="图片" class="tw:w-96 tw:h-48 tw:object-scale-down tw:bg-sky-100">

    <h2>拉伸</h2>
    <img src="@/assets/img/villas.jpg" alt="图片" class="tw:w-96 tw:h-48 tw:object-fill">
</template>